<template>
  <div class="contact">
    <div class="content">
     <img src="https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images/LOGO(%E5%B8%B8%E7%94%A8).png" alt="">
        <h1>家长端v1.0</h1>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.contact {
  width: 100%;
  height: 100%;
}
.content img {
  width: 72%;
  height: 10%;
  top: 0;
  left: 0;
  margin-bottom:60rpx;
}
.content {
  background-color: #fff;
  padding: 16px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  text-align:center;

}
.content .container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 100px 20px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
}
.container span {
  font-size: 14px;
}
.container h1 {
  font-size: 28px;
  font-weight: bold;
  padding: 20px 0;
}
.footer {
  box-sizing: border-box;
  background-color: #021e34;
  color: white;
  width: 100%;
  padding: 16px;
}
.list_item {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  width: 100%;
}
.list_item h4 {
  width: 150px;
  font-weight: bold;
}
.list_item img {
  width: 100px;
  height: 100px;
}
.footer .footing {
  border-top: 1px solid #505253;
  text-align: center;
  color: #505253;
  padding: 20px;
  box-sizing: border-box;
  font-size: 13px;
}
</style>
